<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册表单</title>
    <style>
        table td{
            font-size: 15px;
        }
    </style>
</head>
<body>
    <form action="./save.php" method="post"  onsubmit="return check();" enctype="multipart/form-data">
        <table width="700" border="1" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td colspan="3" height="40" style="text-align: center;">自你介绍</td>
            </tr>
            <tr>
                <td height="30" align="center">名字</td>
                <td width="300" align="left" ><input type="text" name="username" id="username"/></td>
                <td width="180">内容不能为空</td>
            </tr>
            <!-- <tr>
                <td height="30" align="center">照片</td>
                <td width="300" align="left" ><input type="file" name="file" /></td>
                <td width="180">上传一张头像</td>
            </tr> -->
            <tr>
                <td height="30" align="center">性别</td>
                <td align="left">
                    男<input type="radio" name="sex" id="male" value="男"/>
                    女<input type="radio" name="sex" id="female" value="女"/>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td height="30" align="center">年龄</td>
                <td align="left"><input type="text" name="age" id="age"/></td>
                <td>不为空，且在0，100之间</td>
            </tr>
            <tr>
                <td height="30" align="center">密码</td>
                <td align="left"><input type="password" name="pwd" id="pwd"></td>
                <td>不为空，且4到10位数</td>
            </tr>
            <tr>
                <td height="30" align="center">确认密码</td>
                <td align="left"><input type="password" name="rpwd" id="rpwd"></td>
                <td>请再次输入密码</td>
            </tr>
            <tr>
                <td height="30" align="center">爱好</td>
                <td align="left">
                    <input type="checkbox" name="like[]" value="看书"/>看书
                    <input type="checkbox" name="like[]" value="游戏"/>游戏
                    <input type="checkbox" name="like[]" value="音乐"/>音乐
                    <input type="checkbox" name="like[]" value="登山"/>登山
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td height="30" align="center">喜欢的颜色</td>
                <td align="left">
                    <select name="color" id="color">
                        <option value="yellow">黄色</option>
                        <option value="red">红色</option>
                        <option value="blue" selected="selected">蓝色</option>
                        <option value="purple">紫色</option>
                    </select>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td height="30" align="center">个人介绍</td>
                <td align="left">
                    <textarea name="introduce" id="introduce" cols="30" rows="10"></textarea>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td height="30" align="center">&nbsp;</td>
                <td align="center">
                    <input type="submit" value="提交">&nbsp;
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
    <script src="./check.js"></script>
</body>
</html>